<template>
    <div class="jianjie">

        <datu myheight="338px" ></datu>

        <div class="jianjie_content">

            <div class="content_left">
                <div class="left_top">
                    <div>
                        公司简介
                    </div>

                    <div>
                        主营业务
                    </div>
                </div>

                <div class="dianhua">
                    <div class="dianhua_icon"></div>
                    <div class="dianhua_content">
                        <div class="dianhua_text">咨询热线：</div>
                        <div class="dianhua_number">18058427721</div>
                    </div>
                </div>

            </div>

            <div class="content_right">

                <div class="right_one">

                    <div>
                        <div class="one_title">杭州佳航机电设备有限公司</div>
                        <div class="one_title_line"></div>
                    </div>

                    <div class="right_one_message">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位于浙江省杭州市钱塘新区,公司秉承【精诚、精质、专注、专业】的经营理念,以客
                        户为中心,以诚信为本,以质量要求发展,为客户提供专业服务和优质可靠的产品。并凭
                        借20年的维修经验,快速高效的为客户解决问题,提供价值服务!<br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佳航机电通过不断的努力,以匠心品质,完善的服务,获得众多客户的信赖,买机
                        床,修机床,找佳航。
                    </div>

                    <div class="right_one_img">

                    </div>

                </div>

                <div class="block"></div>

                <div class="right_two">

                    <div>
                        <div class="two_title">主营业务</div>
                        <div class="two_title_line"></div>
                    </div>

                    <div class="right_two_message">
                        国内外机床(平面磨床、加工中心、火花机、慢走丝);导轨油、液压油、切割液出售、<br>
                        各类磨床配件出售,磨床改造,翻新,磨床手动改自动伺服系统,各类磨床及大型龙门磨床保养及维修。
                    </div>

                    <div class="right_two_img">

                    </div>

                </div>

            </div>

        </div>

        <dibu></dibu>

    </div>
</template>

<script>
    import datu from '../../components/datu_1.vue'
    import dibu from '../../components/dibu.vue'
    import {ref} from 'vue'
    export default {
        name: "gongsijianjie",
        components:{
            datu,
            dibu,
        },
        setup(){

            return{

            }
        }
    }
</script>

<style scoped >
    .jianjie{width: 100%;background-color: #f6f6f6;}
    .jianjie_content{width: 1211px;margin: 0px auto;margin-top: 45px;display: flex;flex-direction: row;justify-content: space-between;}
    .content_left{height: 1649px;display: flex;flex-direction: column;justify-content: space-between;}
    .left_top>div{width: 270px;height: 104px;font-size: 30px;line-height: 104px;text-align: center;color: white;}
    .left_top>div:nth-of-type(1){background-color: yellow;}
    .left_top>div:nth-of-type(2){background-color: blue;margin-top: 13px;}

    .dianhua{margin-top: 15px;width: 267px;height: 90px;border: 1px solid #cccccc;background: url("http://120.78.80.190/product1.png");background-size: 100% 100%;background-repeat: no-repeat;display: flex;flex-direction: row;}
    .dianhua_icon{width: 43px;height: 43px;background: url("http://120.78.80.190/dianhua.png");background-size: 100% 100%;background-repeat: no-repeat;margin-top: 29px;margin-left: 26px;}
    .dianhua_content{height: 53px;display: flex;flex-direction: column;justify-content: space-between;margin-top: 19px;margin-left: 14px;color: #fffeff;}
    .dianhua_text{font-size: 18px;line-height: 18px;}

    .content_right{width: 914px;height: 1649px;background-color: #ffffff;}
    .right_one>div:nth-of-type(1){display: flex;flex-direction: row;}
    .one_title{margin-left: 66px;margin-top: 42px;height: 30px;font-size: 30px;line-height: 30px;}
    .one_title_line{margin-top: 55px;margin-left: 18px;border: 1px solid black;flex-grow: 1;height: 0px;margin-right: 2px;}

    .right_one_message{width: 821px;margin-left: 66px;margin-top: 48px;font-size: 21px;line-height: 43px;}
    .right_one_img{width: 813px;height: 387px;margin: 0px auto;margin-top: 37px;margin-bottom: 38px;background: url("http://120.78.80.190/lnk.png");background-size: 100% 100%;background-repeat: no-repeat;}

    .block{width: 100%;height: 43px;background-color: #f6f6f6;}

    .right_two>div:nth-of-type(1){display: flex;flex-direction: row;}
    .two_title{margin-top: 55px;margin-left: 66px;height: 30px;font-size: 30px;line-height: 30px;}
    .two_title_line{margin-left: 28px;margin-top: 68px;height: 0px;width: 447px;border: 1px solid black;}
    .right_two_message{margin-top: 48px;margin-left: 66px;text-indent: 1cm;font-size: 21px;line-height: 41px;margin-right: 31px;}
    .right_two_img{margin: 0px auto;margin-top: 61px;width: 813px;height: 445px;background: url("http://120.78.80.190/right_two_img.png");background-size: 100% 100%;background-repeat: no-repeat;}
</style>